<template>
  <div id="">
    <h2 v-title="'登录'"></h2>
    <div class="loginLogo" align="center">
    	<p class="mb10"><img src="@/assets/images/login1@2x.png" width="10%"/></p>
    	<p class="mb10"><img src="@/assets/images/login2@2x.png" width="27%"/></p>
    	<p><img src="@/assets/images/login0@2x.png" width="10%"/></p>
    </div>
    <ul class="formUl">
      <li style="justify-content: space-between;">
        <span>手机号</span>
        <input type="phone" placeholder="输入手机号" maxlength="13" v-model="phone" style="width:40%;">
        <button type="button" name="button" class="btn" v-if="isGetYzmTime">发送({{yzmTime}}s)</button>
        <button type="button" name="button" @click="getCode" class="btn" v-else>获取验证码</button>
      </li>
      <li>
        <span>验证码</span>
        <input type="phone" name="" value=""
        placeholder="输入手机验证码" maxlength="6"
        v-model="code"
        v-on:input="yzmCodeIpt">
      </li>
    </ul>
    <div class="p10">
      <button type="button" name="button" class="blockBtn" @click="login()">登 录</button>
    </div>
    <comfirm-login :comfirmTitle="comfirmTitle" v-if="isWrong" @comfirmEvent="comfirmEvent"></comfirm-login>
  </div>
</template>


<script src="./login.js"></script>

<style lang="scss" scoped src="./login.scss"></style>
